{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AHP试验评估系统</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="{% static 'css/marx.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/ahp.css' %}">
    <link rel="shortcut icon" href="{% static 'image/favicon.ico' %}" type="image/x-icon" />
{#    <script>#}
{#        const allRanges = document.querySelectorAll(".slider");#}
{#        allRanges.forEach(wrap => {#}
{#            const range = wrap.querySelector(".center");#}
{#            const bubble = wrap.querySelector(".bubble");#}
{##}
{#            range.addEventListener("input", () => {#}
{#                setBubble(range, bubble);#}
{#            });#}
{#            setBubble(range, bubble);#}
{#        });#}
{##}
{#        function setBubble(range, bubble) {#}
{#            const val = range.value;#}
{#            const min = range.min ? range.min : 0;#}
{#            const max = range.max ? range.max : 100;#}
{#            const newVal = Number(((val - min) * 100) / (max - min));#}
{#            bubble.innerHTML = val;#}
{##}
{#            // Sorta magic numbers based on size of the native UI thumb#}
{#            bubble.style.left = `calc(${newVal}% + (${8 - newVal * 0.15}px))`;#}
{#        }#}
{##}
{##}
{#    </script>#}
    <script>

</script>
</head>
<body>

<header>

{#    <a href="/"><img src="{% static 'image/logo.png' %}" alt="AHP evaluate Comparator"></a>#}
    <h1>试验评估系统-V1.0</h1>
</header>
<div class="lpane">

</div>
<main>
    {% block content %}
    {% endblock %}
</main>
<div class="rpane">

</div>
<footer>
    <div>版权所有@2021</div>
    <div>试验评估中心</div>
</footer>

</body>

</html>